$(function () {
    'use strict';

    //下拉刷新页面
    $(document).on("pageInit", "#page-ptr", function (e, id, page) {
        var $content = $(page).find(".content").on('refresh', function (e) {
            // 模拟2s的加载过程
            setTimeout(function () {
                var cardHTML = '<div class="card">' +
                    '<div class="card-header">标题</div>' +
                    '<div class="card-content">' +
                    '<div class="card-content-inner">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容' +
                    '</div>' +
                    '</div>' +
                    '</div>';

                $content.find('.card-container').prepend(cardHTML);
                // $(window).scrollTop(0);
                // 加载完毕需要重置
                $.pullToRefreshDone($content);
            }, 2000);
        });
    });

    //无限滚动
    $(document).on("pageInit", "#page-infinite-scroll-bottom", function (e, id, page) {
        var loading = false;
        // 每次加载添加多少条目
        var itemsPerLoad = 20;
        // 最多可加载的条目
        var maxItems = 100;

        function addItems(number, lastIndex) {
            // 生成新条目的HTML
            var html = '';
            var html_info = '';
            var url = _OAUrl + '/Mission/ajaxGetList', data = {num: number, start: lastIndex};
            var uid = $('.list-block').attr('uid');
            $.ajax({
                type: 'GET',
                dataType: 'json',
                url: url,  //接口地址
                // timeout: 300,
                cache: false,
                async: true,
                data: data,  //异步返回给data
                success: function (data) {
                    // console.log(data.data);
                    if (data.code > 0) {
                        $.each(data.data, function (k, v) {

                            html += '<div class="card" data-id=' + v.id + '> ' +
                                '<div class="card-header">' + v.title + '</div> ' +
                                '<a href="#router' + v.id + '">' +
                                '<div class="card-content"> ' +
                                '<div class="card-content-inner"><span class="mission-info">创建人:</span>' + v.create_person + '</div> ' +
                                '<div class="card-content-inner"><span class="mission-info">参与人:</span>' + v.partsPerson + '</div> ' +
                                '<div class="card-content-inner"><span class="mission-info">任务内容:</span>' + v.mission_comment + '</div> ' +
                                '</div></a>' +
                                '<div class="card-footer">' + getLocalTime(v.create_time);
                            //     +
                            //     ' <span><span class="get-num">';
                            // if (v.is_get == 0) {
                            //     html += 0;
                            // } else {
                            //     html += v.is_get.split(",").length;
                            // }
                            // html += '</span>';
                            // html += '/' + v.part_person_id.split(",").length + '</span>';
                            if (v.is_get == 0) {

                                html += ' <span><a data-id=' + v.id + ' class="oa-mission-get not-get "  href="javascript:">未领取</a></span>';
                            } else {
                                html += ' <span><a data-id=' + v.id + ' class="oa-mission-get is-get "  href="javascript:">已领取</a></span>';

                            }
                            html += '</div>';
                            html += '</div>';
                        });

                        // $('.infinite-scroll .list-container').find("div:last-child").filter('.card').after(html);// 添加新条目
                        $('.infinite-scroll .list-container').append(html);// 添加新条目

                        $.each(data.data, function (k, v) {

                            html_info += ' <div class="page" id="router' + v.id + '">' +
                                ' <header class="bar bar-nav">' +
                                '<a class="button button-link button-nav pull-left back" href="/docs-demos/router">' +
                                '<span class="icon icon-left"></span>返回</a><h1 class="title">任务详情</h1></header>' +
                                '<div class="content">' +
                                '<div class="card" data-id="' + v.id + '">' +
                                '<div class="card-header">标题：' + v.title + '</div>' +

                                '<div class="card-content">' +
                                '<div class="card-content-inner">创建人:' + v.create_person + '</div>' +
                                '<div class="card-content-inner">参与人:' + v.partsPerson + '</div> ' +
                                '<div class="card-content-inner">任务内容:' + v.mission_comment + '</div> ' +
                                '<div class="card-content-inner">完成率(%):<input class="oa-with-150" type="text" name="over_rate"></div> ' +
                                '</div>' +
                                '<div class="card-footer">完成时间：' + getLocalTime(v.over_time) +
                                '<span class="complete-mission" data-id="' + v.id + '">完成任务</span>';
                            // '<span>' +
                            // '<span class="get-num">' ;
                            // if (v.is_get == 0) {
                            //     html_info += 0;
                            // } else {
                            //     html_info += v.is_get.split(",").length;
                            // }
                            //     html_info += '</span>';
                            //     html_info += '/' + v.part_person_id.split(",").length + '</span>';
                            // if (v.is_get.indexOf(uid) > 0) {
                            //     html_info += ' <span><a data-id=' + v.id + ' class="oa-mission-get is-get "  href="javascript:">已领取</a></span>';
                            //
                            // } else {
                            //     html_info += ' <span><a data-id=' + v.id + ' class="oa-mission-get not-get "  href="javascript:">未领取</a></span>';
                            //
                            // }
                            html_info += '</div>';
                            html_info += '</div>';
                            html_info += '</div>';
                            html_info += '</div>';
                        });
                        $('.look-mission-info').append(html_info);// 添加新条目
                        return false;
                    } else if (data.code < 0) {
                        layer.open({
                            content: data.msg
                            , skin: 'msg'
                            , time: 2 //2秒后自动关闭
                        });
                    }

                }
            });
        }

        // addItems(itemsPerLoad,0);
        $(page).on('infinite', function () {
            // 如果正在加载，则退出
            if (loading) return;
            // 设置flag
            loading = true;
            var lastIndex = $('.list-container div.card').length;
            var conut = $('.list-block').attr('page');  //请求后获得一共的数量
            // console.log(conut);
            if (lastIndex == conut) {
                $('.infinite-scroll-preloader').remove();
                layer.open({
                    content: '老铁.真的没有了'
                    , skin: 'msg'
                    , time: 2 //2秒后自动关闭
                });
                return false;
            }
            // 模拟1s的加载过程
            setTimeout(function () {
                // 重置加载flag
                loading = false;
                if (lastIndex >= maxItems) {
                    // 加载完毕，则注销无限加载事件，以防不必要的加载
                    $.detachInfiniteScroll($('.infinite-scroll'));
                    // 删除加载提示符
                    $('.infinite-scroll-preloader').remove();
                    return;
                }
                if (lastIndex > 10) {
                    addItems(itemsPerLoad, lastIndex);
                }
                // 更新最后加载的序号
                lastIndex = $('.list-container li').length;
                $.refreshScroller();
            }, 1000);
        });
    });

    //顶部无限滚动
    $(document).on("pageInit", "#page-infinite-scroll-top", function (e, id, page) {
        function addItems(number, lastIndex) {
            // 生成新条目的HTML
            var html = '';
            for (var i = lastIndex + number; i > lastIndex; i--) {
                html += '<li class="item-content"><div class="item-inner"><div class="item-title">条目' + i + '</div></div></li>';
            }
            // 添加新条目
            $('.infinite-scroll .list-container').prepend(html);

        }

        var timer = false;
        $(page).on('infinite', function () {
            var lastIndex = $('.list-block li').length;
            var lastLi = $(".list-container li")[0];
            var scroller = $('.infinite-scroll-top');
            var scrollHeight = scroller[0].scrollHeight; // 获取当前滚动元素的高度
            // 如果正在加载，则退出
            if (timer) {
                clearTimeout(timer);
            }

            // 模拟1s的加载过程
            timer = setTimeout(function () {

                addItems(20, lastIndex);

                $.refreshScroller();
                //  lastLi.scrollIntoView({
                //     behavior: "smooth",
                //     block:    "start"
                // });
                // 将滚动条的位置设置为最新滚动元素高度和之前的高度差
                scroller.scrollTop(scroller[0].scrollHeight - scrollHeight);
            }, 1000);
        });

    });
    //test demo js

    //多个标签页下的无限滚动
    $(document).on("pageInit", "#page-fixed-tab-infinite-scroll", function (e, id, page) {
        var loading = false;
        // 每次加载添加多少条目
        var itemsPerLoad = 20;
        // 最多可加载的条目
        var maxItems = 100;
        var lastIndex = $('.list-container li')[0].length;

        function addItems(number, lastIndex) {
            // 生成新条目的HTML
            var html = '';
            for (var i = lastIndex + 1; i <= lastIndex + number; i++) {
                html += '<li class="item-content""><div class="item-inner"><div class="item-title">新条目</div></div></li>';
            }
            // 添加新条目
            $('.infinite-scroll.active .list-container').append(html);
        }

        $(page).on('infinite', function () {
            // 如果正在加载，则退出
            if (loading) return;
            // 设置flag
            loading = true;
            var tabIndex = 0;
            if ($(this).find('.infinite-scroll.active').attr('id') == "tab2") {
                tabIndex = 0;
            }
            if ($(this).find('.infinite-scroll.active').attr('id') == "tab3") {
                tabIndex = 1;
            }
            lastIndex = $('.list-container').eq(tabIndex).find('li').length;
            // 模拟1s的加载过程
            setTimeout(function () {
                // 重置加载flag
                loading = false;
                if (lastIndex >= maxItems) {
                    // 加载完毕，则注销无限加载事件，以防不必要的加载
                    //$.detachInfiniteScroll($('.infinite-scroll').eq(tabIndex));
                    // 删除加载提示符
                    $('.infinite-scroll-preloader').eq(tabIndex).hide();
                    return;
                }
                addItems(itemsPerLoad, lastIndex);
                // 更新最后加载的序号
                lastIndex = $('.list-container').eq(tabIndex).find('li').length;
                $.refreshScroller();
            }, 1000);
        });
    });

    //图片浏览器
    $(document).on("pageInit", "#page-photo-browser", function (e, id, page) {
        var myPhotoBrowserStandalone = $.photoBrowser({
            photos: [
                '//img.alicdn.com/tps/i3/TB1kt4wHVXXXXb_XVXX0HY8HXXX-1024-1024.jpeg',
                '//img.alicdn.com/tps/i1/TB1SKhUHVXXXXb7XXXX0HY8HXXX-1024-1024.jpeg',
                '//img.alicdn.com/tps/i4/TB1AdxNHVXXXXasXpXX0HY8HXXX-1024-1024.jpeg',
            ]
        });
        //点击时打开图片浏览器
        $(page).on('click', '.pb-standalone', function () {
            myPhotoBrowserStandalone.open();
        });
        /*=== Popup ===*/
        var myPhotoBrowserPopup = $.photoBrowser({
            photos: [
                '//img.alicdn.com/tps/i3/TB1kt4wHVXXXXb_XVXX0HY8HXXX-1024-1024.jpeg',
                '//img.alicdn.com/tps/i1/TB1SKhUHVXXXXb7XXXX0HY8HXXX-1024-1024.jpeg',
                '//img.alicdn.com/tps/i4/TB1AdxNHVXXXXasXpXX0HY8HXXX-1024-1024.jpeg',
            ],
            type: 'popup'
        });
        $(page).on('click', '.pb-popup', function () {
            myPhotoBrowserPopup.open();
        });
        /*=== 有标题 ===*/
        var myPhotoBrowserCaptions = $.photoBrowser({
            photos: [
                {
                    url: '//img.alicdn.com/tps/i3/TB1kt4wHVXXXXb_XVXX0HY8HXXX-1024-1024.jpeg',
                    caption: 'Caption 1 Text'
                },
                {
                    url: '//img.alicdn.com/tps/i1/TB1SKhUHVXXXXb7XXXX0HY8HXXX-1024-1024.jpeg',
                    caption: 'Second Caption Text'
                },
                // 这个没有标题
                {
                    url: '//img.alicdn.com/tps/i4/TB1AdxNHVXXXXasXpXX0HY8HXXX-1024-1024.jpeg',
                },
            ],
            theme: 'dark',
            type: 'standalone'
        });
        $(page).on('click', '.pb-standalone-captions', function () {
            myPhotoBrowserCaptions.open();
        });
    });


    //对话框
    $(document).on("pageInit", "#page-modal", function (e, id, page) {
        var $content = $(page).find('.content');
        $content.on('click', '.alert-text', function () {
            $.alert('这是一段提示消息');
        });

        $content.on('click', '.alert-text-title', function () {
            $.alert('这是一段提示消息', '这是自定义的标题!');
        });

        $content.on('click', '.alert-text-title-callback', function () {
            $.alert('这是自定义的文案', '这是自定义的标题!', function () {
                $.alert('你点击了确定按钮!')
            });
        });
        $content.on('click', '.confirm-ok', function () {
            $.confirm('你确定吗?', function () {
                $.alert('你点击了确定按钮!');
            });
        });
        $content.on('click', '.prompt-ok', function () {
            $.prompt('你叫什么问题?', function (value) {
                $.alert('你输入的名字是"' + value + '"');
            });
        });
    });

    //操作表
    $(document).on("pageInit", "#page-action", function (e, id, page) {
        $(page).on('click', '.create-actions', function () {
            var buttons1 = [
                {
                    text: '请选择',
                    label: true
                },
                {
                    text: '卖出',
                    bold: true,
                    color: 'danger',
                    onClick: function () {
                        $.alert("你选择了“卖出“");
                    }
                },
                {
                    text: '买入',
                    onClick: function () {
                        $.alert("你选择了“买入“");
                    }
                }
            ];
            var buttons2 = [
                {
                    text: '取消',
                    bg: 'danger'
                }
            ];
            var groups = [buttons1, buttons2];
            $.actions(groups);
        });
    });

    //加载提示符
    $(document).on("pageInit", "#page-preloader", function (e, id, page) {
        $(page).on('click', '.open-preloader-title', function () {
            $.showPreloader('加载中...')
            setTimeout(function () {
                $.hidePreloader();
            }, 2000);
        });
        $(page).on('click', '.open-indicator', function () {
            $.showIndicator();
            setTimeout(function () {
                $.hideIndicator();
            }, 2000);
        });
    });


    //选择颜色主题
    $(document).on("click", ".select-color", function (e) {
        var b = $(e.target);
        document.body.className = "theme-" + (b.data("color") || "");
        b.parent().find(".active").removeClass("active");
        b.addClass("active");
    });


    $.init();
});
/**
 * 添加工作日报
 * @type {boolean}
 */
var is_submit = false;  //限制提交频率
$(document).on("click", ".create-mission", function (event) {
    // 判断默认行为是否可以被禁用
    if (event.cancelable) {
        // 判断默认行为是否已经被禁用
        if (!event.defaultPrevented) {
            event.preventDefault();
        }
    }

    var title = $('#title').val();
    if (title.length <= 0) {

        layer.open({
            content: '任务名称不能为空'
            , skin: 'msg'
            , time: 2 //2秒后自动关闭
        });
        return false;
    }
    //负责人Uid
    var radio_value = '';
    $('input[name="leader_id"]:checked').each(function () {
        radio_value = $(this).val();
    });
    if (radio_value == '') {
        layer.open({
            content: '请选择负责人'
            , skin: 'msg'
            , time: 2 //2秒后自动关闭
        });
        return false;
    }
    //获得参与人员的uid
    var chk_value = '';
    $('input[name="part_res"]:checked').each(function () {
        chk_value += $(this).val() + ',';
    });
    chk_value = chk_value.substring(0, chk_value.length - 1)
    if (chk_value == '') {
        layer.open({
            content: '请选择参与人员'
            , skin: 'msg'
            , time: 2 //2秒后自动关闭
        });
        return false;
    }
    var mission_comment = $('#mission_comment').val();
    if (mission_comment.length <= 0) {

        layer.open({
            content: '任务内容不能为空'
            , skin: 'msg'
            , time: 2 //2秒后自动关闭
        });
        return false;
    }
    var over_time = $('#datetime-picker').val();
    if (over_time.length <= 0) {

        layer.open({
            content: '请选择任务完成时间'
            , skin: 'msg'
            , time: 2 //2秒后自动关闭
        });
        return false;
    }
    // console.log(content);
    var url = _OAUrl + '/Mission/save', data = {
        title: title,
        mission_comment: mission_comment,
        leader_id: radio_value,
        part_res: chk_value,
        over_time: over_time
    };
    // console.log(data);
    // return false;
    if (is_submit) {
        layer.open({
            content: '5分钟内只能提交一次'
            , skin: 'msg'
            , time: 2 //2秒后自动关闭
        });
        return false;
    }
    ajaxHelp(url, data, 'post', 'json');
    // is_submit = true;
    // 模拟1s的加载过程
    setTimeout(function () {
        // 重置加载flag
        is_submit = false;

    }, 50000);

});

//获得
$(document).on('click', '.oa-mission-get', function () {
    var url = _OAUrl + '/Mission/getMission', id = $(this).attr('data-id');
    var that = $(this);
    $.ajax({
        type: 'GET',
        dataType: 'json',
        url: url,
        cache: false,
        async: true,
        data: {id: id},  //异步返回给data
        beforeSend: function (e) {
            $.showPreloader();

        },
        complete: function () {
            $.hidePreloader();
        },
        success: function (json) {
            if (json.code > 0) {
                //提示
                that.removeClass('not-get').addClass('is-get').html('已领取');
                var get_num = that.parent().prev().find('span').filter('.get-num').html();
                that.parent().prev().find('span').filter('.get-num').html(eval(get_num + 1));
                layer.open({
                    content: json.msg
                    , skin: 'msg'
                    , time: 2 //2秒后自动关闭
                });

                return true;
            } else if (json.code < 0) {

                layer.open({
                    content: json.msg
                    , skin: 'msg'
                    , time: 2 //2秒后自动关闭
                });
                // setTimeout(function () {
                //     window.location.reload();
                // }, 3000);
                return false;
            }
        },
        error: function () {
            layer.open({
                content: '请求失败'
                , skin: 'msg'
                , time: 2 //2秒后自动关闭
            });
        }
    });

});


//完成任务complete-mission
$(document).on('click', '.complete-mission', function () {
    var url = _OAUrl + '/Mission/completeMission', id = $(this).attr('data-id');
    var that = $(this);
    $.ajax({
        type: 'GET',
        dataType: 'json',
        url: url,
        cache: false,
        async: true,
        data: {id: id},  //异步返回给data
        beforeSend: function (e) {
            $.showPreloader();

        },
        complete: function () {
            $.hidePreloader();
        },
        success: function (json) {
            if (json.code > 0) {
                //提示
                that.html('已完成');
                // var get_num = that.parent().prev().find('span').filter('.get-num').html();
                // that.parent().prev().find('span').filter('.get-num').html(eval(get_num + 1));
                layer.open({
                    content: json.msg
                    , skin: 'msg'
                    , time: 2 //2秒后自动关闭
                });

                return true;
            } else if (json.code < 0) {

                layer.open({
                    content: json.msg
                    , skin: 'msg'
                    , time: 2 //2秒后自动关闭
                });
                // setTimeout(function () {
                //     window.location.reload();
                // }, 3000);
                return false;
            }
        },
        error: function () {
            layer.open({
                content: '请求失败'
                , skin: 'msg'
                , time: 2 //2秒后自动关闭
            });
        }
    });

});
//提交完成率  complete-rate-mission
$(document).on('click', '.complete-rate-mission', function () {
    var over_rate = $("input[name='over_rate']").val(),url = _OAUrl + '/Mission/updateRate',id=$(this).attr('data-id');
    var data={id:id,over_rate:over_rate};
    ajaxHelp(url, data, 'post', 'json');

});
//时间选择器
var NowDate = new Date();
$(document).on("pageInit", function(e, pageId, $page) {
    $("#datetime-picker").datetimePicker({

        value: [NowDate.getFullYear(), NowDate.getMonth()+1, NowDate.getDate(), NowDate.getHours(), NowDate.getMinutes()]
    });
});
/*$("#datetime-picker").datetimePicker({

    value: [NowDate.getFullYear(), NowDate.getMonth()+1, NowDate.getDate(), NowDate.getHours(), NowDate.getMinutes()]
});*/
// $("#over_time").calendar({
//     value: [NowDate.getFullYear()+'-'+(NowDate.getMonth()+1)+'-'+NowDate.getDate()]
// });
function resizehandler(){


}

function throttle(method,context){
    clearTimeout(method.tId);
    method.tId=setTimeout(function(){
        method.call(context);
    },500);
}

$(document).on('keyup','#search',function(){
    throttle(resizehandler,$(this));
})